<!DOCTYPE html>
<html lang="en" style="height:100%">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>添加家族</title>

    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/yzl.css"/>
    <style>
    *{
      -webkit-box-sizing: inherit;
              box-sizing: inherit;
    }
    .top-container{
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
    </style>

</head>
<body style="height:100%;">
<div id="blank" class="header">
    <div v-back.tapmode class="back"></div>
    <span class="title">添加家族</span>
</div>
<div id="app"  class="container"  style="padding-top:60px;">
  <div class="add_content">
    <span class="add_tap" v-bind:class="{'tapactive':state==1}" v-myclick="[1,changestate]">好友</span>
    <span class="add_tap" v-bind:class="{'tapactive':state==2}" v-myclick="[2,changestate]">家族</span>
  </div>
  <div v-show="state==1" class="row-container" style="margin:0 auto;margin-top:10px;border-radius:8px">
    <a v-open-win vurl="member_search" class="row row-line" v-row-active.tapmode>
       <img  class="row-arrow row-arrow-left" v-src="'../../image/sousuo.png'">
        <span class="user-setrow">输入手机号/昵称搜索</span>
        <img class="row-arrow row-arrow-right" v-src="'../../image/arrow_right_grey.png'">
    </a>
      <a v-open-win vurl="myteam" class="row row-line" v-row-active.tapmode >
         <img  class="row-arrow row-arrow-left" v-src="'../../image/saoma.png'">
          <span class="user-setrow">扫一扫二维码</span>
          <img class="row-arrow row-arrow-right" v-src="'../../image/arrow_right_grey.png'">
      </a>
  </div>
  <div v-show="state==2" class="row-container" style="margin:0 auto;margin-top:10px;border-radius:8px">
    <a v-open-win vurl="../chat/group_search" class="row row-line" v-row-active.tapmode>
       <img  class="row-arrow row-arrow-left" v-src="'../../image/sousuo.png'">
        <span class="user-setrow">输入家族ID搜索</span>
        <img class="row-arrow row-arrow-right" v-src="'../../image/arrow_right_grey.png'">
    </a>
      <a v-open-win vurl="myteam" class="row row-line" v-row-active.tapmode >
         <img  class="row-arrow row-arrow-left" v-src="'../../image/saoma.png'">
          <span class="user-setrow">扫一扫家族二维码</span>
          <img class="row-arrow row-arrow-right" v-src="'../../image/arrow_right_grey.png'">
      </a>
      <a v-open-win vurl="../chat/create_group" class="row row-line" v-row-active.tapmode >
         <img  class="row-arrow row-arrow-left" v-src="'../../image/qun.png'">
          <span class="user-setrow">创建家族</span>
          <img class="row-arrow row-arrow-right" v-src="'../../image/arrow_right_grey.png'">
      </a>
  </div>
</div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/vue.js"></script>
<script src="../../script/app.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/url.js"></script>
<script src="../../script/swiper.js"></script>
<script>

    var user;
    var vm;
    apiready = function () {
        setBSImg();
        new Vue({
            el: '#blank'
        });
        initApp();
        addListeners();
    };

    function initApp() {
        vm = new Vue({
            el: '#app',
            data: {
                imgPath:'../../image/',
                state:1,
                BSImg: {
                    big: Vue.BSImg == 'big',
                    small: Vue.BSImg == 'small'
                },
            },
            computed:{
            },
            methods:{
              changestate:function(state){
                this.state = state;
              }
            }
        });
    }

    function addListeners() {
        api.addEventListener({
            name: 'viewappear'
        }, function () {
            onPageStart();
        });

        api.addEventListener({
            name: 'viewdisappear'
        }, function () {
            onPageEnd();
        });

        api.addEventListener({
            name: 'keyback'
        }, function () {
            onPageEnd();
            api.closeWin();
        });
    }


</script>
</html>
